<script type="text/javascript">
    $(document).ready(function(){
        var window_height = $(window).height;
        $("#page").css("height", window_height);
    })
</script>

<div id="page">

    <div id="wrapper">

        <!--header-->
        <div id="header" class="clearfix">

            <!--logo-floater-->
            <div id="logo-floater">
                <?php if ($logo): ?>
                <a href="<?php print check_url($front_page); ?>" title="<?php print t('Home'); ?>">
                <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" />
                </a>
                <?php endif; ?>

                <?php if ($site_name || $site_slogan): ?>
                <div class="clearfix">
                    <?php if ($site_name): ?>
                    <span id="site-name"><a href="<?php print check_url($front_page); ?>" title="<?php print t('Home'); ?>"><?php print $site_name; ?></a></span>
                    <?php endif; ?>

                    <?php if ($site_slogan): ?>
                    <span id="slogan"><?php print $site_slogan; ?></span>
                    <?php endif; ?>
                </div>
                <?php endif; ?>
            </div> <!--EOF:logo-floater-->

            <!--Search area-->
            <div id="search-area">
                <?php print render($page['search_area']);?>
            </div>

            <!--navigation-->
    <!--        <div id="navigation">-->
    <!--			--><?php //$menu_name = variable_get('menu_main_links_source', 'main-menu');
    //            $main_menu_tree = menu_tree($menu_name);
    //            print drupal_render($main_menu_tree); ?>
    <!--        </div>-->
        <!--EOF:navigation-->

        </div><!--EOF:header-->

        <div id="main-area" class="clearfix">

        <div id="main-area-inside" class="clearfix">

            <div id="main"  class="inside clearfix">

                <?php if ($page['highlighted']): ?><div id="highlighted"><?php print render($page['highlighted']); ?></div><?php endif; ?>

                <?php if ($messages): ?>
                <div id="console" class="clearfix">
                <?php print $messages; ?>
                </div>
                <?php endif; ?>

                <?php if ($page['help']): ?>
                <div id="help">
                <?php print render($page['help']); ?>
                </div>
                <?php endif; ?>

                <?php if ($action_links): ?>
                <ul class="action-links">
                <?php print render($action_links); ?>
                </ul>
                <?php endif; ?>

                <?php print render($title_prefix); ?>
                <?php if ($title): ?>
                <h1 class="title"><?php print $title ?></h1>
                <?php endif; ?>
                <?php print render($title_suffix); ?>

                <?php if ($tabs): ?><?php print render($tabs); ?><?php endif; ?>

                <?php print render($page['content']); ?>

                <?php if ($feed_icons): ?><?php print $feed_icons; ?><?php endif; ?>

            </div><!--main-->

            <?php if($page['sidebar_first']): ?>
                <div id="right" class="clearfix">
                    <?php print render($page['sidebar_first']); ?>
                </div><!--right-->
            <?php endif; ?>

        </div>

        </div><!--main-area-->

        <!--footer-->
        <div id="footer">
            <!--navigation-->
            <div id="navigation">
                <?php $menu_name = variable_get('menu_main_links_source', 'main-menu');
                $main_menu_tree = menu_tree($menu_name);
                print drupal_render($main_menu_tree); ?>
            </div><!--EOF:navigation-->

            <div id="navigation-small">
                <ul id="menu">
                    <li><a href="#">About Cao</a></li>
                    <li>&bull; <a href="#">Customer Service</a></li>
                    <li>&bull; <a href="#">Media & Event</a></li>
                    <li>&bull; <a href="#">Contact Us</a></li>
                    <li>&bull; <a href="#">Privacy Policy</a></li>
                    <li>&bull; <a href="#">Sitemap</a></li>
                    <li>&bull; <a href="#">Newsletter</a></li>
                </ul>
            </div><!--EOF:navigation-->

            <div id="footer-top">
                <?php print render($page['footer-top']); ?>
            </div>

            <div id="footer-bottom">
                <?php print render($page['footer-bottom']); ?>
            </div>
        </div>
        <!--EOF:footer-->

    </div><!-- /#wrapper-->

</div><!--EOF:page-->